<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/header.css">
    <link rel="stylesheet" href="../css/footer.css">
    <link rel="stylesheet" href="../css/list.css">
    <title>Document</title>
</head>

<body>
    <!-- 页眉 -->
    <header></header>

    <div class="container">

        <!-- 面包屑 -->
        <div id="bread">
            <a href="/index.html">首页</a>
            <span><b>&gt;</b>女装</span>
        </div>

        <!-- 分类栏 -->
        <div id="cateBread">
            <span>女装：</span>
            <ul>
                <li>裙装上装</li>
                <li>外衣/套装</li>
                <li>女士下装</li>
                <li>特色女装</li>
            </ul>
        </div>

        <!-- 右边固定 -->
        <ul id="right-btn">
            <li>
                <div class="red">
                    <div class="tis">
                        迎新福利
                        <br>
                        微信扫码即得
                    </div>
                </div>
                <div class="ercode"></div>
            </li>
            <li class="top"></li>
        </ul>

        <!-- 列表 -->
        <div id="list">
            <div class="category-title">综合排序</div>
            <ul id="listContent" class="clear">
                <!-- <li>
                    <a href="../html/detail.html">
                        <i>
                            <img src="http://bfs.biyao.com/group1/M00/AA/3C/rBACW12eiwSAMOwtAAPqwOH3gm4749_360x360.jpg"
                                alt="">
                        </i>
                        <div class="info">
                            <div class="supplier">Mackage制造商</div>
                            <p class="title">全羊毛高领打底针织羊毛衫</p>
                            <div class="priceBox">
                                <div class="price">
                                    <span style="color: #F7A701; font-size: 12px; padding-left: 2px;">
                                        ￥
                                        <span style="font-size:18px;">
                                            285
                                        </span>
                                    </span>
                                </div>
                                <div class="mack">
                                    <span style="color: #FFFFFF;background: #AB7FD1; border-color: #AB7FD1">精选</span>
                                    <span style="color: #FB4C81;background: #FFFFFF; border-color: #FB4C81">一起拼</span>
                                </div>
                            </div>
                            <p class="evaluate">300条好评</p>
                        </div>
                    </a>
                </li> -->
            </ul>
            <script type="text/html" id="listTemplate">
                {{each list item}}
                <li>
                    <a>
                        <i>
                            <img src="{{item.image}}"
                                alt="">
                        </i>
                        <div class="info">
                            <div class="supplier">Mackage制造商</div>
                            <p class="title">{{item.title}}</p>
                            <div class="priceBox">
                                <div class="price">
                                    <span style="color: #F7A701; font-size: 12px; padding-left: 2px;">
                                        ￥
                                        <span style="font-size:18px;">
                                            {{item.price}}
                                        </span>
                                    </span>
                                </div>
                                <div class="mack">
                                    <span style="color: #FFFFFF;background: #AB7FD1; border-color: #AB7FD1">精选</span>
                                    <span style="color: #FB4C81;background: #FFFFFF; border-color: #FB4C81">一起拼</span>
                                </div>
                            </div>
                            <p class="evaluate">{{item.saleNum}}条好评</p>
                        </div>
                    </a>
                </li>
                {{/each}}
            </script>
        </div>
    </div>

    <!-- 页脚 -->
    <foot></foot>
</body>
<!-- <script src="../lib/jquery/jquery.js"></script>
<script>
    // 导入页眉页脚
    const header = $('header')
    header.load('./header.html')
    const footer = $('foot')
    footer.load('./footer.html')

    // 回到顶部
    const backTop = $('#right-btn .top')
    $(window).scroll(function () {
        if ($('html').scrollTop() > 100) {
            backTop.fadeIn(500)
        }
        if ($('html').scrollTop() < 100) {
            backTop.fadeOut(500)
        }
    })
    backTop.click(function () {
        $('html').animate({
            scrollTop: 0
        }, 500)
    })
</script> -->

<script src="/lib/requirejs/require.js" data-main="/js/list.js"></script>

</html>